<template>
  <div class="Movie">
    <p>Movie</p>
    <ol>
      <li v-for="item of movieList" :key="item.tvId">{{ item.name }}</li>
    </ol>
    <p>时长2-3小时电影</p>
    <ul>
      <li v-for="item of movieTime" :key="item.tvId">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "Movie",
  mounted() {
    console.log(this);
  },
  computed: {
    ...mapState("Movie", ["movieList"]),
    movieTime() {
      return this.$store.getters["Movie/movieTime"](2, 3);
    },
  },
};
</script>

<style>
.Movie {
  width: 300px;
  background: pink;
}
</style>
